<template>
	<view class="wrapper">
		<view class="users_head">
			<image src="../../static/user/ueser-pugongying.png" mode="aspectFill" class="user_head1 img"></image>
			<image src="../../static/user/user-qingxu.png" mode="aspectFill" class="user_head2 img"></image>
			<image src="../../static/user/uesr-xiaomi.png" mode="aspectFill" class="user_head3 img"></image>
		</view>
		<view class="users_name f28 c666 center">蒲公英，一点小情绪</view>
		<view class="users_nub f28 c666 center">3人</view>
		<view class="tips f28 c666">
			温馨提示
			<view>1.一键复制新群后，将生产一个群成员相同的新群；</view>
			<view>2.生产的新群，群成员在老群中的设置无法复制。</view>
		</view>
		<button type="default" class="invite">确定复制</button>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style>
.users_head {
	height: 157rpx;
}
.users_name {
	margin-top: 17rpx;
}
.tips {
	line-height: 67rpx;
	margin: 94rpx 0 0 31rpx;
}
.invite {
	width: 690rpx;
	height: 80rpx;
	background: rgba(2, 151, 254, 1);
	border-radius: 4rpx;
	margin-top: 25rpx;
	color: #ffffff;
	font-size: 30rpx;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}
.users_head{
	position: relative;
}
.img{
	width: 58rpx;
	height: 58rpx;
	position: absolute;
}
.user_head1{
	z-index: 20;
	top: 54rpx;
	left: 347rpx;
}
.user_head2{
	z-index: 50;
	top:99rpx;
	left: 320rpx;
}
.user_head3{
	z-index: -20;
	top: 99rpx;
	right: 320rpx;
}
</style>
